<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/pc_master">
<div layout:fragment="content" class="section page-content">
    <link rel="stylesheet" href="/pc/css/center/account/index.css">
    <!-- s: 导航 -->
    <div class="breadcrumb-wrap">
        <div class="layui-main clearfix">
            <div class="breadcrumb">
                <a href="/">首页</a> - <a href="/center">用户中心</a> - 兑换
            </div>
        </div>
    </div>
    <!-- e: 导航 -->
    <div class="section page-content">
        <div class="layui-main clearfix">

         <div th:include="layout/center_left :: center_left" class="manage-aside"></div>

            <div class="manage-main">
                <ul class="layui-nav nav main-nav">
                    <li class="layui-nav-item">
                        <a href="/center/account">
                            钱包
                        </a>
                    </li>

                    <li class="layui-nav-item">
                        <a href="/center/account/details">
                            收支明细
                        </a>
                    </li>

                    <li class="layui-nav-item">
                        <a href="/center/account/withdrawal">
                            提现
                        </a>
                    </li>

                    <li class="layui-nav-item layui-this">
                        <a href="/center/account/exchange">
                            兑换
                        </a>
                    </li>
                    <span class="layui-nav-bar" style="width: 0px; left: 92px; opacity: 0; top: 57px;"></span></ul>

                <div class="main-content">
                    <form action="/m/ajax/center/account/exchange" bottlecms-form-ajax="" class="bcui-form" method="post" refresh="refresh">

                        <div style="">
                            您的余额：<font color="#F60">¥[[${bcFinances.money}]]</font>
                            <br>
                            可兑换喜糖：<font color="#F60">
                            [[${#numbers.formatInteger(bcFinances.candyPrice,0)}]]
                            颗
                        </font>

                        </div>
                        <div class="form-item">
                            <input name="candy" style=" " placeholder="请输入喜糖数量" type="number">
                        </div>
                        <div style="padding: 20px 10px;">
                            <button class="btn btn-block" type="submit">
                                确认兑换
                            </button>
                        </div>
                    </form>

                    <p style=" line-height:1.3; font-size:1rpx;  text-align:center;">
                        兑换前请务必查看
                        <a class="_color" href="/common/about/exchangeexplain">
                            <u>
                                兑换说明
                            </u>
                            &gt;&gt;
                        </a>
                    </p>

                    <div style="height: 100px;"></div>
                    <hr>

                    <p style="color: #999">

                    </p>


                </div>

            </div>

        </div>
    </div>




</div>
<div layout:fragment="contentFooter">
</div>
</html>